<!-- 
淡墨个人引导页 - 个人主页
开源地址：https://gitee.com/xfwlclub/xiao-fengs-personal-guide-page
作者博客：www.xfabe.com
作者：淡墨
 -->
<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
    <meta name="applicable-device" content="pc, mobile">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="renderer" content="webkit">
    <meta name0="force-rendering" content="webkit"> 
    <title>淡墨个人引导页 - 个人主页</title>
    <meta name="keywords" content="淡墨个人引导页,主页,个人引导,引导页,个人主页">
    <meta name="description" content="淡墨个人引导页是淡墨原创的一款简约开源的个人引导页源码，单页源码，没有后台，没有划水~">
    <meta name="author" content="淡墨">
    <link rel="shortcut icon" href="https://www.xfabe.com/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="assets/css/style.css">
</head>

<body>
    <header class="xf_header w">
        <h1>Personal guide page</h1>
        <nav class="xf_nav">
            <ul>
                <li><a href="JavaScript:;"><img src="assets/images/home.svg" alt=""><span>首页</span></a></li>
                <li><a href="JavaScript:;"><img src="assets/images/about.svg" alt=""><span>关于</span></a></li>
                <li><a href="JavaScript:;"><img src="assets/images/wx.svg" alt=""><span>微信</span></a></li>
                <!-- 要在 new-href 里修改跳转QQ的链接 http://wpa.qq.com/msgrd?v=3&uin=你的QQ号&site=qq&menu=yes -->
                <li><a href="JavaScript:;" new-href="http://wpa.qq.com/msgrd?v=3&uin=2918268099&site=qq&menu=yes"><img src="assets/images/qq.svg" alt=""><span>QQ</span></a></li>
            </ul>
            <i class="xf_slither_color"></i>
        </nav>
    </header>
    <section class="xf_section w">
        <!-- 再src里修改图片链接 也可以直接用QQ头像 https://q2.qlogo.cn/headimg_dl?dst_uin=你的QQ号&amp;spec=100 替换下面的路径 -->
        <div class="xf_author"><div class="xf_mb"></div><img src="https://q2.qlogo.cn/headimg_dl?dst_uin=2918268099&amp;spec=100" alt="author"><span class="xf_look">被你发现啦</span></div>
        <h5 class="xf_speech"><span class="type_code"></span></h5>
        <div class="xf_box">
            <div class="xf_site">
                <strong class="xf_card"><span>首 页</span></strong>
                <ul class="li_site">
                    <!-- 这里添加站点 -->
                    <li><a href="https://www.xfabe.com" target="_blank" rel="noopener noreferrer">淡墨网络</a></li>
                    <li><a href="https://music.xfyun.club" target="_blank" rel="noopener noreferrer">淡墨音乐播放器</a></li>
                    <li><a href="https://github.com/D8099?tab=repositories" target="_blank" rel="noopener noreferrer">淡墨GitHub</a></li>
                    <li><a href="https://gitee.com/DanMo521/collections" target="_blank" rel="noopener noreferrer">淡墨gitee</a></li>
                    <li><a href="https://www.1f.gs" target="_blank" rel="noopener noreferrer">嘉惟云</a></li>
                </ul>
            </div>
            <div class="xf_about">
                <strong class="xf_card"><span>关 于</span></strong>
                <div class="tow_box">
                    <div class="xf_say">
                        <!-- 直接打回车换行就行了 -->
                        <p>   姓名：淡墨，是一名网络爱好者，
                           热爱开发，设计喜欢旅游，音乐，
                           跑步偶尔追追剧吧~JO_OL......</p>
                    </div>
                    <div class="technology">
                        <h3>我的技能</h3>
                        <div class="tech_box">
                            <!-- 修改数值百分比 -->
                            <h5>
                                <span>Photoshop</span>
                                <p><i style="width: 88%;"></i></p>
                            </h5>
                            <h5>
                                <span>Illustrator</span>
                                <p><i style="width: 50%;"></i></p>
                            </h5>
                            <h5>
                                <span>Premiere</span>
                                <p><i style="width: 40%;"></i></p>
                            </h5>
                            <h5>
                                <span>html5/css3</span>
                                <p><i style="width: 90%;"></i></p>
                            </h5>
                            <h5>
                                <span>JavaScript</span>
                                <p><i style="width: 70%;"></i></p>
                            </h5>
                        </div>
                    </div>
                </div>
            </div>
            <div class="xf_wx">
                <strong class="xf_card"><span>微 信</span></strong>
                <div class="myWX">
                    <!-- 这里替换微信图片 -->
                    <img src="assets/images/wx.png" alt="微信图片" class="wxImg">
                    <p>宝贝来加我微信吧~</p>
                </div>
            </div>
        </div>
    </section>
    <footer class="xf_footer w">
        <p>Copyright 2025 <a href="JavaScript:;" rel="noopener noreferrer">淡墨网络</a> 本站已运行<span id="xf_timer"></span></p>
        <p><a href="https://beian.miit.gov.cn" target="_blank" rel="noopener noreferrer"><img src="assets/images/icp.png" alt="赣ICP备2020011714号-5"> 赣ICP备2020011714号-5</a></p>
        <!-- 可以把它留下么 -->
        <p>开源地址：<a href="https://gitee.com/DanMo521/collections" target="_blank" rel="noopener noreferrer">gitee</a></p>
    </footer>
    <script src="https://cdn.staticfile.org/jquery/3.5.1/jquery.min.js"></script>
    <script src="https://npm.elemecdn.com/sweetalert/dist/sweetalert.min.js"></script>
    <script src="https://npm.elemecdn.com/typed.js@2.0.132/dist/typed.umd.js"></script>
    <script src="https://player.xfyun.club/js/fireworks.js"></script>
    <script src="assets/js/flexible.js"></script>
    <script src="assets/js/index.js"></script>
    <script>
        let xf_text = ['热爱永远热泪盈眶，', '你懂，我宠你吗？&#x1F60F;'] // 这里修改介绍文字 😜
        let xf_timer = new Date('2025/7/25').getTime() // 修改建站时间
        let xf_off = 1 // 是否开启渐变背景动画 0 / 1 = 关闭 / 开启 【注意：开启后可能造成浏览器渲染卡顿】
    </script>
    <!-- 音乐播放器插件 https://music.xfyun.club -->
   <div id="xf-MusicPlayer" data-cdnName="https://player.xfyun.club/js"  data-themeColor="xf-girlPink"data-fadeOutAutoplay data-random="true"></div>
<script src="https://player.xfyun.club/js/xf-MusicPlayer/js/xf-MusicPlayer.min.js"></script>


</body>

</html>